<!DOCTYPE html>
<html lang="zh-CN">

<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
</head>

<body>


        <p> 块元素：
                h1到h6 ,div,p ,ul, ol, li, table等等，其中div最典型
                1、自己独占一行
                2、可以设置宽度 高度 外边距 内边距
                3、默认宽度是容器（父级宽度的100%）
                4、是一个容器及盒子，里面可以行内元素或者块级元素
                注意：
                1、文字类的元素不能使用块级元素
                2、p里面主要存放文字，所以p里面不能块级元素，特别是不能存放div
                3、h标签也不能
        </p>
        <p> 行内元素：
                <a href=""></a> 、 <strong></strong>、<i></i>、<span></span>、等等
                1、 和相邻行内元素（行内块）在一行上，但是他们之间会有空白缝隙。
                一行可以显示多个（行内元素特点）。
                2、 默认宽度就是它本身内容的宽度（行内元素特点）。
                3、直接设置宽高是无效的
                4、行内元素只能容纳文本或其他行内元素，不能放块级元素
                注意：
                链接里面不能再放链接
                但是 <a href=""></a>可以放块级元素
        </p>
        行内块元素 <img />、<input />、<td></td>
        - 和相邻行内元素（行内块）在一行上，但是他们之间会有空白缝隙。
        - 一行可以显示多个（行内元素特点）。
        - 默认宽度就是它本身内容的宽度（行内元素特点）。
        - 高度，行高、外边距以及内边距都可以控制（块级元素特点）

</body>

</html>